<template>
  <div>
    <div class="list">
      <h2>我的信息</h2>
      <ul>
        <li>
          <span class="s1">微信名:</span>
          <span class="s2">{{data.wxname}}</span>
        </li>
        <li>
          <span class="s1">姓名:</span>
          <span class="s2">{{data.name}}</span>
        </li>
        <li>
          <span class="s1">学号</span>
          <span class="s2">{{data.sno}}</span>
        </li>
        <li>
          <span class="s1">寝室号</span>
          <span class="s2">{{data.qinshihao}}</span>
        </li>
        <li>
          <span class="s1">联系方式:</span>
          <span class="s2">{{data.phone}}</span>
        </li>
      </ul>
    </div>
  </div>
</template>


<script>
  
  export default{
    data(){
      return {
        data:''
      }
    },
    methods: {
    },
    async mounted() {
      let data = wx.getStorageSync('user');
      console.log(data)
      this.data = data
    },  
  }
</script>

<style scoped>
.list{
  width:100%;
  height:100%;
}
.list h2{
  color:red;
  text-align: center;
}
.list ul li{
  margin:40px 0;
  border-bottom: 1px solid rgb(202, 194, 194);
  padding-bottom: 20px;
}
.list ul li .s1{
  margin-left: 20px;
  color: red;
}
.list ul li .s2{
  margin-left: 20px;
  color: rgb(95, 91, 91);
  font-size:17px;
}
</style>
 